<template>
	<view class="total">
		<view class="img">
			<image src="../../../static/notfound.png"></image>
		</view>
		<text class="notfount-text">您还没有订单，快去选一杯喜欢的饮品吧~</text>
		<button class="to-order" @click="gotoOrder">去喝一杯</button>
	</view>
</template>

<script>
	export default{
		methods: {
			gotoOrder(){
				uni.switchTab({
					url: '/pages/newoder/newoder'
				})
			},
		}
	}
</script>

<style>
	.total{
		display: flex;
	    flex-direction: column; /* 垂直布局 */
		justify-content: center; /* 主轴（垂直方向）居中对齐 */
		align-items: flex-start; /* 交叉轴（水平方向）起始位置对齐 */
		height: 100vh; /* 设置容器高度为整个页面的高度 */
		background-color: #F5F5F5;
	}
	.img{
		position: absolute;
		top: 20%;
		left: 5%;
	}
	.notfount-text{
		position: absolute;
		color: #CCCCCC;
		position: absolute;
		margin-bottom: 50upx;
		top: 57%;
		left: 15%;
	}
	.to-order{
		position: absolute;
		background-color: #E60012;
		color: #F5F5F5;
		width: 250upx;
		top: 70%;
		left: 35%;
	}
</style>